<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>鞋子</title>
    <!-- <link rel="stylesheet" href="../css/reset.css"> -->
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/vant@2.2/lib/index.css">
    <link rel="stylesheet" href="../css/clothes.css">
</head>
<body>
    <script src="../js/vue.js"></script>
    <script src="https://cdn.jsdelivr.net/npm/vant@2.2/lib/vant.min.js"></script>
    <div id="container">
        <!--返回框 start-->
        <div class="back">
            <!-- left-arrow显示左侧箭头，fixed固定在顶部 -->
            <van-nav-bar title="鞋子" left-text="返回" left-arrow fixed v-on:click-left='onClickLeft'>
                <van-icon name="search" slot="right" />
            </van-nav-bar>
        </div>
        <!--返回框 end-->

        <!--shoe列表 start-->
        <div class="list">
            <ul>
                <li>
                    <img src="http://img2.tbcdn.cn/tfscom/i8/TB1LKenOVXXXXX7XXXXYXGcGpXX_M2.SS2" alt="">
                    <div class="describe">
                        <p class="title">回力女鞋秋冬百搭帆布鞋子2019新款韩版小白潮鞋</p>
                        <p class="price"><span>¥<em>79</em></span>&nbsp;&nbsp;已售6090件</p>
                    </div>
                </li>
            </ul>
            <ul>
                <li>
                    <img src="https://img.alicdn.com/imgextra/i1/4257210693/O1CN01pMI1Yu1GzR2CvckyC_!!4257210693.jpg" alt="">
                    <div class="describe">
                        <p class="title">马丁雪地靴女鞋2019新款冬季棉鞋加绒短靴百搭港味瘦瘦靴子英伦风</p>
                        <p class="price"><span>¥<em>127</em></span>&nbsp;&nbsp;已售2000件</p>
                    </div>
                </li>
            </ul>
            <ul>
                <li>
                    <img src="https://img.alicdn.com/imgextra/i1/260030441/O1CN01uxsNjZ1F81DpA7EnQ_!!260030441.jpg" alt="">
                    <div class="describe">
                        <p class="title">红蜻蜓韩版休闲马丁靴女鞋2019新款秋季圆头短筒靴皮靴子女单靴</p>
                        <p class="price"><span>¥<em>259</em></span>&nbsp;&nbsp;已售1900件</p>
                    </div>
                </li>
            </ul>
            <ul>
                <li>
                    <img src="https://img.alicdn.com/imgextra/i3/734584252/O1CN01jgZI2t1hHSdIQrsrj_!!734584252.png" alt="">
                    <div class="describe">
                        <p class="title">PUMA彪马官方 男女同款休闲鞋 Basket Classic 363829</p>
                        <p class="price"><span>¥<em>359</em></span>&nbsp;&nbsp;已售9000件</p>
                    </div>
                </li>
            </ul>
            <ul>
                <li>
                    <img src="https://img.alicdn.com/imgextra/i3/2451904814/O1CN01LJjKN01lQrEgFf0Xo_!!2451904814.jpg" alt="">
                    <div class="describe">
                        <p class="title">特步女鞋2019年新款跑步鞋冬季老爹鞋女ins潮百搭运动鞋休闲旅游</p>
                        <p class="price"><span>¥<em>179</em></span>&nbsp;&nbsp;已售490件</p>
                    </div>
                </li>
            </ul>
            <ul>
                <li>
                    <img src="http://pic46.nipic.com/20140819/9537600_170205110000_2.jpg" alt="">
                    <div class="describe">
                        <p class="title">VANS OLD SKOOL经典帆布情侣休闲滑板鞋男女低帮运动鞋VN-0D3HY28</p>
                        <p class="price"><span>¥<em>367</em></span>&nbsp;&nbsp;已售2309件</p>
                    </div>
                </li>
            </ul>
        </div>
        <!--shoe列表 end-->
        <!--列表底部 start-->
        <div>
            
        </div>
        <!--列表底部 end-->
    </div>
    <script>
        var vm = new Vue({
            el: "#container",
            methods: {
                onClickLeft:function(){
                    window.location.href='../html/home.html'
                }
            },
        })
    </script>
</body>
</html>